body {
  background-color: $base-background-color;
}

.wrap-container {
  @include outer-container;
  max-width: 68rem;
  padding: 0 $gutter;
}

.centered-content {
  @include fill-parent;
  @include clearfix;
  text-align: center;
}

.body-content-container {
  margin-bottom: 1em;
  padding-top: 1em;
  position: relative;

  @include media($medium-screen-up) {
    padding-top: 4em;
    margin-bottom: 4em;
  }
}

.sidebar-container {
  float: left;
  height: 100%;
  width: 100%;
  word-wrap: break-word;

  @include media($medium-screen-up) {
    width: $medium-sidebar-width;
  }

  @include media($large-screen-up) {
    width: $large-sidebar-width;
  }

  @include media($larger-screen-up) {
    width: $larger-sidebar-width;
  }
}

.main {
  @include media($medium-screen-up) {
    float: right;
    width: $medium-main-content-width;

    &.stuck {
      margin-left: $medium-sidebar-width;
    }
  }

  @include media($large-screen-up) {
    width: $large-main-content-width;

    &.stuck {
      margin-left: $large-sidebar-width;
    }
  }

  @include media($larger-screen-up) {
    width: $larger-main-content-width;

    &.stuck {
      margin-left: $larger-sidebar-width;
    }
  }

  h1 {
    padding-bottom: 0.35em;
    margin-bottom: 0.35em;
  }

  ol {
    @extend %default-ol;
  }

  ul {
    @extend %default-ul;
  }
}

